<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./fa/css/all.css">
    <style>
        *{
            margin: 0;
            padding: 0;
            list-style: none;
            text-decoration: none;
        }
        body{
            background: radial-gradient(100% 100% at bottom left,rgb(197, 73, 161),rgb(28, 102, 157));
        }
        body>div{
            background: #f7edd88b;
            border-radius: 10px;
            width: 600px;
            margin: 20px auto;
            display: flex;
            align-items: center;
            flex-direction: column;
        }
        body div img{
            border-radius: 50px;
            border: 2px solid black;
        }
        .myIntroduction{
            height: 60px;
            width: 100%;
            margin-bottom: 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
    </style>
</head>
<body>
    <div>
        <h1>小白</h1>
        <h2>基本信息</h2>
        <img src="./小狗.jpg" alt="" width="400px" height="300px">
        <p>求职意向: JAVA开发工程师</p>
        <p>联系电话：8008820</p>
        <p>邮箱：xxx@foxmaail.com</p>
        <p>
            <a href="">我的github</a>
        </p>
        <p>
            <a href="">我的博客</a>
        </p>
        <p>
            <h2>教育背景</h2>
        </p>
        <ol>
            <li>2005~2009 安溪幼儿园 幼儿园</li>
            <li>2009~2015 安溪小学</li>
            <li>2015~2018 安溪中学 初中</li>
            <li>2018~2021 安溪中学 高中</li>
            <li>2021~2024 安溪幼儿园 大学</li>
        </ol>
        <p>
            <h2>专业技能</h2>
            <ul>
                <li>Java基础语法扎实，已经刷了800道力扣</li>
                <li>熟知计算机网络理论，并且可以独立排查常见问题</li>
                <li>掌握 Web 开发能力，并且独立开发了学校的留言墙功能</li>
            </ul>
        </p>
        <p>
            <h2>我的项目</h2>
        </p>
        <ol>
            <li>
                <h4>留言墙</h4>
            </li>
            <p>
                开发时间:2020.9~2020.12
            </p>
            <p>
                功能介绍:
                <ul>
                    <li>支持留言发布</li>
                    <li>支持匿名留言</li>
                </ul>
            </p>
            <li>
                <h4>学习小助手</h4>
            </li>
            <p>
                开发时间:2021.9~2021.12
            </p>
            <p>
                功能介绍:
                <ul>
                    <li>支持错题检索</li>
                    <li>支持同学探讨</li>
                </ul>
            </p>
        </ol>
        <div class="myIntroduction">
            <h2>个人评价</h2>
            <p>在校期间学习成绩良好，排名前%15。</p>
        </div>
    </div>
</html>